/** 组件样式 **/
body{background-color:#fff;}
div{white-space: normal;word-break: break-word;}/* 字体换行 */
a {outline: none;}
a:focus {outline: none;}
.relative{ position:relative;padding: 0;}
.font-20{ font-size:20px}
.margin-0-20{ margin:0 20px}
.margin-top-4{margin-top:4px !important;}
.margin-top-10{margin-top:10px !important;}
.margin-top-30{margin-top:30px !important;}
.margin-top-6{margin-top:6px !important;}
.margin-top-4{margin-top:4px !important;}
.margin-left-1{ margin-left:10% !important;}
.margin-left-2{ margin-left:20% !important;}
.margin-right-40{ margin-right:40px !important;}
.margin-bottom-10{ margin-bottom:10px !important;}
.margin-bottom-20{ margin-bottom:20px !important;}
.margin-0{ margin:0 !important;}
.padding-0{ padding:0!important;}
.border-0{ border:0!important;}
.padding-2{ padding:3px!important;}
.padding-right-300{ padding-right:300px!important;}
.padding-right-20{ padding-right:20px !important}
.background-fa{ background:#fafafa!important;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-left:10px; padding-right:10px;}


/** 按钮组件 **/
.btn-white{ border:1px solid #e5e5e5; padding:6px 15px}
.btn-white:hover,.btn-white:focus,.btn-white.active{border:1px solid #1080f2;transition:border .3s}
.body-fa-spinner{/*position: absolute;*/float:none !important;margin-right: 10px;}

/** 页面样式 **/
.main{ margin-top:60px; padding-bottom:30px;}
.main-body{ margin-top:60px; padding-bottom:30px; padding-top:20px}
.main-body .row{ margin-left:0; margin-right:0}
.btn-routine{ font-size:16px;padding:0 28px; line-height:34px; text-align:center}

/** 返回顶部+留言按钮样式 **/
#scrollUp{bottom: 160px; right: 30px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;-moz-transition: all 200ms ease-in-out;-webkit-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
#scrollUp:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;-o-transition: all 550ms ease-in-out;transition: all 300ms ease-in-out;}
#MEIQIA-BTN-HOLDER{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;-moz-transition: all 200ms ease-in-out;-webkit-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
#MEIQIA-BTN-HOLDER:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;-o-transition: all 550ms ease-in-out;transition: all 300ms ease-in-out;}

/* 面包屑地址样式 */
.address-column{}
.address-column .address{ color:#333; line-height:30px}
.address-column .address i{ font-size:18px; line-height:30px; color:#1080f2; margin-right:10px}
.address-column .address a{ text-decoration:none; color:#333; line-height:30px;}
.address-column .address a.active,.address-column .address a:hover{ color:#1080f2;}
.address-column .address span.active{ color:#1080f2; margin:0 10px}
.address-column .address > a + a:before {content: "/\00a0";padding: 0 5px;color: #ccc;}
.address-column .input-group span.input-group-btn{ width:auto}
.address-column .input-group span.input-group-btn .btn-address{ line-height:20px; padding:5px 10px; color:#1080f2; background-color:#fff; border:1px solid #1080f2}
.address-column .input-group span.input-group-btn .btn-address:hover{color:#fff; background-color:#1080f2; border:1px solid #1080f2}
.address-column .input-group span.input-group-btn.active .btn-address{ color:#fff; background-color:#1080f2; border:1px solid #1080f2}

/** 分页样式 **/
.page{ margin:20px 0}
.page .btn-group .btn-page{ background-color:#fff; color:#333; border:1px solid #ebebeb;margin-left: -1px;}
.page .btn-group .btn-page a{ color:#333}
.page .btn-group .btn-page:hover{ color:#373e4a; background:#fafafa; margin-left:-1px}
.page .btn-group .btn-page.active{ color:#fff; background:#1080f2; border:1px solid #1080f2;margin-right:1px;}
.page .btn-group .btn-page.active a{ color:#fff}

/** 搜索页样式 **/
.nosearch{margin:12% auto 10% auto; width:734px; height:129px;}
.nosearch .nosearch_left{ width:239px; height: 129px; background:url(../images/wuss_left.png) no-repeat center; float:left}
.nosearch .nosearch_right{ width:458px; height: 55px; background:url(../images/wuss_right.png) no-repeat center; float:right}
.nosearch .nosearch_right a{color: #1080f2;line-height:35px;float: left;margin-top:90px;font-size: 14px; text-decoration:none}

/** 分类样式 **/
.nav-classification{ border-top:#ccc solid 1px; border-bottom:#ccc solid 1px; solidcolor:#999; width:100%; padding:10px 0}
.nav-classification li{ float:left;margin:0 10px; line-height:30px}
.nav-classification li a{padding:2px 8px; margin:3px 0; background:none; line-height:20px;border-radius:4px}
.nav-classification li a:hover,.nav-classification li a:focus,.nav-classification li.active a{background-color:#1080f2; color:#fff;}
.tab-content.classification{ padding:10px; background-color:#f5f5f5; overflow:hidden; height:100%}
.tab-content.classification>div.tab-pane{ position:relative;overflow: hidden;}
.tab-content.classification>div.tab-pane>a{ margin:0 15px; line-height:30px; float:left}
.tab-content.classification>div.tab-pane>a:hover,.tab-content.classification>div.tab-pane>a:focus,.tab-content.classification>div.tab-pane>a.active{ text-decoration:none; color:#1080f2}
.tab-content.classification>div.tab-pane>a.more{color: #1080f2;position: absolute;right: 0;text-align: center;}
.tab-content.classification>div.tab-pane>a.more>i{ margin:0 3px;}

/** 表格样式 **/
.table-detail{ margin-bottom:0;border-radius: 4px;}
.table-detail > thead > tr > th{ text-align:left; font-weight:normal}
.table-detail,.table-detail > thead > tr > th, .table-detail > tbody > tr > th, .table-detail > tfoot > tr > th, .table-detail > thead > tr > td, .table-detail > tbody > tr > td, .table-detail > tfoot > tr > td{border: 1px solid #e5e5e5;}
.table-detail > thead{ background:#eeeeee}
.table-striped tbody tr:nth-of-type(odd){ background: #fff}
.table-striped tbody tr:nth-of-type(even){ background:#fafafa}
.table-hover > tbody > tr:hover {background-color: #f5f5f5;}

/** 代码框样式 **/
.detail-body .tab-content .form-group pre{display: block;padding: 0;margin:0;border-radius: 4px;padding:0px; background-color: #23241f;border: 1px solid #23241f;  }
.detail-body .tab-content .form-group pre code{height:300px;overflow:hidden;overflow-y:auto;padding:10px;}
.detail-body .tab-content .form-group pre a{color: #fff;font-family:"PingFang SC",arial,"Microsoft YaHei",sans-serif;    position: absolute;top: 10px;right: 35px;}


/** 登陆弹窗样式 **/
.modal-login .modal-dialog{max-width:400px; top:50%; position:absolute; left:0; right:0; margin-top:-276px}
.modal-login .modal-dialog .modal-body{ padding:40px;}
.modal-login .modal-dialog .modal-body p{ font-size:30px; color:#333; text-align:center; padding:60px; margin-bottom:0; line-height:40px}
@media (max-width:378px){.modal-login .modal-dialog .modal-body p{ padding:10px 0; }}
.modal-login .modal-dialog .modal-header {min-height: 16.43px;padding: 15px;border-bottom:0;}
.modal-login .modal-dialog .modal-login-bottom{padding-top: 40px;text-align:  center;font-size:16px;color:#666; border-top:0;}
.modal-login .modal-dialog .modal-login-bottom a{color:#1080f2;}
.modal-login .modal-dialog .form-group .input-group{background: #fff;border: 1px solid #e5e5e5;-moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;-webkit-border-radius: 3px;-webkit-background-clip: padding-box;-moz-border-radius: 3px;-moz-background-clip: padding;border-radius: 3px;background-clip: padding-box;}
.modal-login .modal-dialog .form-group.agreement a{ color:#1080f2}
.modal-login .modal-dialog .input-group .input-group-addon{position: relative;    background: transparent;border: 0;}
.modal-login .modal-dialog .input-group .form-control{    color: #666;box-shadow: inset 0 0px 0px rgba(0,0,0,.075);    background: transparent;border: 0; line-height:40px; height:40px}
.modal-login .modal-dialog .input-group .input-group-addon:after {position: absolute;display: block;content: '';right: 0;top: 0;height: 100%;width: 1px;background: #e5e5e5;-webkit-transform: scaleY(.56);-moz-transform: scaleY(.56);-ms-transform: scaleY(.56);-o-transform: scaleY(.56);transform: scaleY(.56);}
.modal-login .modal-dialog .btn-login {border: 1px solid #e5e5e5;text-align: center;padding: 9px 20px;font-size: 14px;-moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.modal-login .modal-dialog .form-group .input-group.validate-has-error {border-color: #ec5956;}
.modal-login .modal-dialog .form-group .input-group.validate-has-error .error {color: #ec5956;font-weight:normal;position: absolute;right: 10px; top: 50%;margin-top: -10px;font-size: 14px;}
.modal-login .modal-dialog .form-group .input-group.validate-has-error .input-group-addon {color: #ec5956;    -moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.modal-login .modal-dialog .form-group .input-group.validate-has-error .form-control{padding-right:130px; padding-left:12px;}


/** 无数据样式 **/
.wuss{padding:200px 0 100px 0; text-align:center; background:url(../images/wuss.png) no-repeat top; background-position:50% 50px;color:#666; font-size:16px}
.wuss span{ color:#1080f2; padding:0 5px}